       <!-- <u-tabs :selected.sync="selectedTag">
            <u-tabs-head>
                <template slot="actions">
                    <button>设置</button>
                </template>
                <u-tabs-item name="woman">
                    <u-icon name="setting"></u-icon>
                    美女
                </u-tabs-item>
                <u-tabs-item name="finance" disabled>财经</u-tabs-item>
                <u-tabs-item name="news">新闻</u-tabs-item>
            </u-tabs-head>
            <u-tabs-body>
                <u-tabs-pane name="woman">美女相关资讯</u-tabs-pane>
                <u-tabs-pane name="finance">财经相关资讯</u-tabs-pane>
                <u-tabs-pane name="news">新闻相关资讯</u-tabs-pane>
            </u-tabs-body>
        </u-tabs> -->
       <!-- <button @click="showToast1">top</button>
        <button @click="showToast2">middle</button>
        <button @click="showToast3">bottom</button> -->
       <!-- <u-layout>
            <u-sider>sider</u-sider>
            <u-layout>
                <u-header>header</u-header>
                <u-content>content</u-content>
                <u-footer>footer</u-footer>
            </u-layout>
        </u-layout> -->

       <!-- <div class="box">
            <u-button :loading='loading1' @click='loading1=!loading1'>按钮</u-button>
            <u-button icon='setting' icon-position='left' :loading='loading2' @click="loading2=!loading2">按钮
            </u-button>
            <u-button icon='setting' icon-position='right' :loading='loading3' @click='loading3=!loading3'>按钮</u-button>
            <u-button-group>
                <u-button icon='left'>上一页</u-button>
                <u-button>更多</u-button>
                <u-button icon='right' icon-position='right'>下一页</u-button>
            </u-button-group>
        </div>
        <div class="box">
            <u-input value="张三" @change="inputChange"></u-input>
            <u-input value="李四" disabled></u-input>
            <u-input value="王五" readonly></u-input>
        </div>
        <div class="box">
            <u-input value="赵六" error="有一个错误信息"></u-input>
        </div>
        <div class="grid">
            <u-row>
                <u-col span="16"></u-col>
                <u-col span="6" offset="2"></u-col span="22">
            </u-row>
            <u-row gutter="20">
                <u-col></u-col>
                <u-col></u-col>
                <u-col></u-col>
            </u-row>
            <u-row align="right">
                <u-col style="height: 32px; border: 1px solid green;" span="6" :ipad="{span:'12'}"
                    :small-pc="{span:'8'}">1
                </u-col>
                <u-col style="height: 32px; border: 1px solid green;" span="6" :ipad="{span:'12'}"
                    :small-pc="{span:'8'}">2
                </u-col>
                <u-col style="height: 32px; border: 1px solid green;" span="6" :ipad="{span:'12'}"
                    :small-pc="{span:'8'}">3
                </u-col>
                <u-col style="height: 32px; border: 1px solid green;" span="6" :ipad="{span:'12'}"
                    :small-pc="{span:'8'}">4
                </u-col>
            </u-row>
            <u-row>
                <u-col></u-col>
                <u-col></u-col>
            </u-row>
            <u-row>
                <u-col></u-col>
                <u-col></u-col>
            </u-row>
        </div>
    </div> -->


       <!-- popover.vue -->
       <!-- <div @click="zzz" style="border:1px solid red;margin-left: 100px;margin-bottom: 100px;">
            <u-popover>
                <template slot="content">
                    <div>jkfejkfdsfjaldjfkajsldfjsaljdfsdfegagldfdsfefsdfsd</div>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="bottom">
                <template slot="content" slot-scope="{close}">
                    <div>这是一段文字</div>
                    <u-button @click="close">关闭</u-button>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="left">
                <template slot="content">
                    <div>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</div>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="right">
                <template slot="content">
                    <div>这是一段文字</div>
                </template>
                <u-button>点击</u-button>
            </u-popover position="right">
        </div>
        <div @click="zzz" style="border:1px solid red;margin-left: 100px;margin-bottom: 100px;">
            <u-popover trigger="hover">
                <template slot="content">
                    <div>jkfejkfdsfjaldjfkajsldfjsaljdfsdfegagldfdsfefsdfsd</div>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="bottom" trigger="hover">
                <template slot="content">
                    <div>这是一段文字</div>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="left" trigger="hover">
                <template slot="content">
                    <div>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</div>
                </template>
                <u-button>点击</u-button>
            </u-popover>
            <u-popover position="right" trigger="hover">
                <template slot="content">
                    <div>这是一段文字</div>
                </template>
                <u-button>点击</u-button>
            </u-popover position="right">
        </div> -->